@charset "utf-8";
/* CSS Document */
.top_contact{ display: flex; align-items: center;height: 44px; font-size: 14px; float: right; line-height: 16px;}
.top_contact .top_search{ cursor:pointer;}
.top_contact .follow_list{margin-right: 25px;}
.top_contact .follow_list .icon-whatsapp1{ color: #00cd65; font-size: 24px!important;}
.index_head.typea:not(.typeanot) .top_contact .topp{ border-color: rgba(255,255,255,.3);}
.index_head.typea:not(.typeanot) .top_contact .topp a{ color: #fff;}
.search_box{ width: 100%; position: fixed; left: 0; top: 124px; background: #fff;z-index:3; padding:40px 0; display:none;}
.search_box form{ width: 100%; border: 2px solid #153b82;}
.search_box form input{ line-height: 60px; height: 60px;}
.search_box form input.search_sub{ width: 150px; background: #153b82 url(../images/ss.png) no-repeat center; text-align: center; color: #fff; cursor:pointer;}
.search_box form input.fl{ padding: 0 25px; width:calc(100% - 150px);}
.top_lang p{ line-height: 28px; padding: 0 15px; border-radius: 14px; cursor: pointer; border-radius: 14px; background: #e2e2e2;}
.top_lang{ position: relative;}
.top_lang .lang-list{ position: absolute; left:0; top:28px; background:#fff; padding:15px; width:100%; border-radius:5px; display:none;}
.top_lang .lang-list img{ float: left; margin-right: 5px;}
.top_lang .lang-list a{ display: block; color: #666; margin-bottom:8px;}
.top_lang .lang-list a:hover{ color:#097031;}
.top_lang:hover .lang-list{ display:block;}

.pro_xiala .center{ background: #fff; padding: 45px 90px;}
.pro_xiala .tab-hd{ width: 30%;}
.pro_xiala .tab-hd .flink{ height: 74px; padding: 0 40px; font-size:20px;}
.pro_xiala .tab-hd .flink i,.pro_xiala .tab-bd dl .pronav_li i{ font-size: 20px; margin-left: auto; display:none;}
.pro_xiala .tab-hd .active .flink{background: #f5f7fa;}
.pro_xiala .tab-hd .active .flink i{ display:block;}
.pro_xiala .tab-bd{ width: 68%; padding-left: 40px; border-left: 1px solid #eeeeee; margin-left:auto;}
.pro_xiala .tab-bd dl{ width: 47%; }
.pro_xiala .tab-bd .list{ width: 49%; padding-left: 40px; border-left: 1px solid #eeeeee; margin-left:auto;}
.pro_xiala .tab-bd dl .pronav_li{ font-size: 18px; height: 54px; padding: 0 25px;}
.pro_xiala .tab-bd dl .pronav_li:hover i{display:block;}
.pro_xiala .tab-bd dl .pronav_li:hover{background:#f5f7fa;}
.pro_xiala .tab-bd .list a{ text-align: center; font-size:18px; display:none;}
.pro_xiala .tab-bd .list a:first-child{ display:block;}
.pro_xiala .tab-bd .list a .imgfd{ background: #f5f7fa; margin-bottom: 25px;}
.pro_xiala .tab-bd .list a:hover p{ color:#1c3489;}



.sy-ban{ width: 100%;position: relative; overflow: hidden; background: #efefef;}
.sy-ban img{ width: 100%;}
.sy-ban .swiper-pagination{position: unset; width: auto;}
.swiper-pagination-bullet:focus{ outline: 0;}
.swiper-pagination-bullet{ width: 12px; height: 12px; border: 2px solid #454545; opacity: 1; background: none; margin-right: 10px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #454545;}
.sy-ban .swiper-pagination .swiper-pagination-bullet{ border-color: #fff;}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none}
.ban_control{ bottom: 0; left: 0; width: 100%; position: absolute; z-index: 2}
.ban_control .center{ padding: 42px 0;}

.ban_control .swiperbtn{ position: unset; color: #fff; font-size: 20px; margin-top: 0;}
.ban_control span.line{ color: #fff; display: inline-block; margin: 0 20px;}
.ban_control .swiper-num{ font-size: 14px; color: #fff; width: 150px; margin-right: auto;}
.ban_control .swiper-num span{ display: inline-block; line-height: 34px; opacity: .5;}
.ban_control .swiper-num .svgbox{ position: relative;border-radius: 50%; width: 38px; height: 38px; border: 2px solid rgba(255,255,255,.2); text-align: center; opacity: 1; display: inline-block; margin-right: 3px;}
.ban_control .swiper-num .svgbox span.active{opacity: 1;}
.ban_control .swiper-num .svgbox .svg{width: 38px;height: 38px;transform: rotate(-90deg);transition: opacity .3s;display: block; position: absolute; left: -2px; top: -2px;}
.ban_control .swiper-num .svgbox .circle1{/*stroke: #999;*/}
.ban_control .swiper-num .svgbox .circle2{stroke: #fff;stroke-dasharray: 0 339;-webkit-animation: svgCircleAnmi 6s linear infinite;animation: svgCircleAnmi 6s linear infinite;}
@-webkit-keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@-webkit-keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
	5%{opacity: 1}}
.ban_control .swiper-num i{ display: inline-block; width: 1px; height: 22px; background: rgba(255,255,255,.5); transform: rotate(12deg); margin: 0 8px;}


.top_h{ height: 125px;}
.sy-ban .txt1{ left: 0; position: absolute; width: 100%; top: 35%; }
.sy-ban .txt1 b{ font-size: 54px; line-height: 80px; color: #fff;display: block; font-family: barb;}
.sy-ban .txt1 .amore{ margin-top: 90px;}

.amore{ cursor: pointer; display: inline-block; text-align: center; min-width: 160px; border-radius: 26px; color: #333; line-height: 50px; position: relative; border:2px solid #666666; transition: .3s ease; padding: 0 32px; text-transform: uppercase; font-size: 18px;}
.amore span{ position: relative; z-index: 2}
.amore i{ margin-left: 45px; font-size: 18px;}
.amore:after{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background: #1c3489; content:''; width: 0; height: 0; transition: .2s ease; border-radius: 25px;z-index: 1;}
.amore:hover:after{ width: 100%; height: 100%;}
.amore:hover,.amore.on{ color: #fff; border-color: #1c3489;}
.amore:hover i{ transform: rotate(45deg);}
.amore.wb{ border-color: #fff; color: #fff;}
.amore.wb:hover{ border-color: #1c3489;}
.amore.on{background: #1c3489;}
.amore.on:hover{box-shadow:0 0 10px rgba(191,38,59,.4)}

.dtop{ padding-top: 80px;}
.fb48{ font-weight: bold; font-size: 48px; line-height: 55px;}
.sy_company .right{ width: 48%; margin-left: auto;}
.sy_company .right .des{ font-size: 18px; margin-bottom: 35px;}
.sy_number dt{ margin-right: auto;}
.sy_number b{ font-size:60px; font-family: monb; color: #003a91; line-height: 60px; height: 60px;}
.sy_number sup{ line-height: 40px; height: 40px; margin-left: 10px; display: inline-block; font-weight: bold;}
.sy_number p{ margin-top: 10px;}
.sy_company .title p{ font-size: 20px; font-weight: lighter; margin-bottom: 20px;}
.sy_company .title{margin-bottom: 60px;}
.sy_company .daima p{ font-size: 20px; margin-bottom: 20px;}
.sy_company .daima b{ font-weight: lighter; font-size: 48px;}
.sy_company .daima b span{ color: #1c3489;}
.sy_company .top{margin-bottom: 85px;}
.com_list li{ width: 32.5%; margin-right: auto; position: relative;}
.com_list li:nth-child(3){ margin-right: 0;}
.com_list li .imgfd{ padding-top: 66.67%;}
.com_list li h2{ color: #fff; position: absolute; padding-bottom: 20px; font-size: 30px; right: 30px; bottom: 30px; z-index: 3;}
.com_list li h2:after{ position: absolute; width: 34px; height: 2px; content: ''; background: #fff; right: 0; bottom: 0;}
.com_list li:after{ position: absolute; width: 120px; height: 110px; right: 0; bottom: 0; background: rgba(0,58,145,.7); transition: .3s ease; content: ''}
.com_list li:hover:after{ width: 100%;}
.swiperall{ position: relative;}
.proswiper{ overflow: hidden;}
.proli{ background: #fff; padding: 65px 20px 65px 60px;}
.proli .pic{ width: 46%; margin-left: auto;}
.proli .txt{ width: 50%;}
.proli h2{ font-size: 30px; line-height: 40px; height:80px; overflow: hidden; font-weight: bold;}
.proli .txt .tit:after{ position: absolute; width: 75px; height: 3px; background: #1c3489; content: ''; left: 0; bottom: -2px;}
.proli .txt .tit{ padding-bottom: 30px; border-bottom: 2px solid #d9d9d9;margin-bottom: 30px; position: relative;}
.proli .txt p{ font-size: 18px; line-height: 27px; height: 54px; font-weight: lighter; overflow: hidden; margin-bottom: 40px;}
.proli .txt i{ font-size: 20px;}
.proli:hover h2,.proli:hover .txt i{ color: #1c3489;}

.fb56{ font-weight: bold; font-size: 56px; margin-bottom: 30px; line-height: 60px;}
.sy_title p{ font-weight: lighter; font-size: 26px; line-height: 40px;}
.sy_title { margin-bottom: 50px;}
.sy_title.t_center{ width: 75%; text-align: center; margin: 0 auto 50px;}
.pro_nav{ justify-content: center; margin-bottom: 80px;}
.pro_nav a{ display: block; text-align: center; font-size: 18px; line-height: 50px; width: 200px; color: #fff; background: #353535; margin: 0 20px; transition: .2s ease;}
.pro_nav a:hover{ background: #003a91;}
.swiperall{ position: relative;}
.swiperbtn{ width: 70px; height: 70px; line-height: 70px; border-radius: 50%; border: 1px solid #cdcdcd; text-align: center; font-size: 26px; transition: .3s ease; top: 50%;}
.swiperbtn:hover{ background: #1c3489; color: #fff; border-color: #1c3489;}
.swiperall .prev{left: -100px;}
.swiperall .next{right: -100px;}
.appswiper{overflow: hidden;}
.appswiper .imgfd{padding-top: 58.5%; margin-bottom: 40px;}
.appswiper h2{ font-size: 26px; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 20px;}
.appswiper p{ font-size: 18px; height: 30px; overflow: hidden; margin-bottom: 30px;}
.appswiper i{ font-size: 20px;}
.appswiper li:hover h2{ color: #1c3489;}
.appswiper li:hover i{ color: #1c3489;}

.ab_global .txt{ width: 28%; padding-top:60px;}
.ab_global .map{ width: 64%; position:relative;}
.ab_global .txt p{margin-bottom: 70px; font-size:18px;}
.ab_global .map .mappic{ width: 94%;}
.ab_global .map li{ position: absolute; text-align:center; font-size:14px; font-family: popm;}
.ab_global .map li i{ width:10px; height:10px; background:#1c3489; border-radius:50%; display: inline-block; position: relative;}
.ab_global .map li:first-child i{ width:55px; line-height: 55px; height:55px; color:#fff; }
.ab_global .map li p{ margin-top: 5px;}
.ab_global .map li i::after {
  width: 600%;
  height: 600%;
  -webkit-animation: amplify2 2.8s infinite 0.3s;
  -moz-animation: amplify2 2.8s infinite 0.3s;
  animation: amplify2 2.8s infinite 0.3s;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(28, 52, 137, 0.1);
  opacity: 0.1;
}

.ab_global .map li i::before {
  width: 350%;
  height: 350%;
  -webkit-animation: amplify2 2.8s infinite 0.2s;
  -moz-animation: amplify2 2.8s infinite 0.2s;
  animation: amplify2 2.8s infinite 0.2s;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(28, 52, 137, 0.1);
  opacity: 0.1;
  z-index: 2;
}
@-webkit-keyframes amplify2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes amplify2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes amplify2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.ab_global .map li:first-child{ left:32%; top: 34%;}
.ab_global .map li:nth-child(2){left:6.5%; top: 25%;}
.ab_global .map li:nth-child(3){left:5.8%; top: 36%;}
.ab_global .map li:nth-child(4){left:13%; top: 27.5%;}
.ab_global .map li:nth-child(5){left:14%; top: 39%;}

.item_top { margin-bottom: 45px; align-items: flex-end;}
.item_top .sy_title{ margin-bottom: 0; margin-right: auto;}
.left_news{ width: 45%; padding-right: 60px; margin-right: 60px; border-right: 1px solid #ececec;}
.sy_news_list{ width: calc(55% - 121px);}
.sy_news .imgfd{ padding-top: 59%;}
.left_news .imgfd{ margin-bottom: 30px;}
.left_news span{ display: block; margin-bottom: 15px;}
.left_news h2{ font-size: 36px; line-height: 50px; margin-bottom:15px; font-weight: bold;}
.left_news p{ font-size: 20px; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 50px;}
.left_news span.colname{ font-size: 20px;}
.left_news:hover h2{ color: #1c3489;}
.sy_news_list{ position: relative;}
.sy_news_list li{ float: left; width: 48.5%; margin-right: 3%; }
.sy_news_list li:nth-child(2n){ margin-right: 0;}
.sy_news_list li:nth-child(n+3){ margin-top: 100px;}
.sy_news_list p{ font-size: 20px; line-height: 33px; height: 66px; overflow: hidden; margin-top: 25px;}
.sy_news_list li:hover p{ color: #1c3489;}
.sy_news_list:after{ position: absolute; width: 100%; top: 50%; height: 1px; content: ''; background: #ececec;}


.com_foot{ background: url("../images/fbg_20.jpg") no-repeat center; background-size: cover; color: #fff;}
.com_foot a{ color: #fff;}
.f_center{ padding: 90px 0 80px; position: relative;}
.f_top{align-items: flex-end; padding-bottom: 60px; border-bottom: 1px solid rgba(255,255,255,.12); margin-bottom: 60px;}
.f_top .title{margin-right: auto;}
.f_top .title p{ font-size: 20px; margin-bottom: 10px;}
.f_top .title b{ font-weight: normal; font-size: 48px; color: #fff;}
.f_center .b_top{ position: absolute; right: 0; bottom: 60px; width: 46px; height: 46px; text-align: center; border: 1px solid rgba(255,255,255,.3); color: #fff; transition: .2s ease; border-radius: 50%;}
.f_center .b_top:hover{ background: #d62937; border-color: #d62937;}
.f_center .b_top i{ font-size: 18px; display: inline-block;line-height: 46px;}
.f_center .b_top p{ font-size: 14px; line-height: 20px;}
.f_center .f_left{ width: 32%;}
.f_center .f_nav{ width: 65%;}
.f_center .flogo img{ width: 220px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.f_center .flogo p{ font-size: 18px; color: #fff; margin-top: 10px;}
.f_left .f_cont .item{ margin-top: 46px;}
.f_left .f_cont .item .p{ padding-top: 10px; width: calc(100% - 65px);margin-left: auto;}
.f_left .f_cont .item i{ display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; color: #fff; font-size: 20px; line-height: 40px; text-align: center;}
.f_left .f_cont .item.fl{ width: 48%}
.f_nav dt{ margin-left: auto;}
.f_nav dt b,.f_nav dt a{ display: block;}
.f_nav dt b{ color: #fff; font-size: 18px; font-weight: normal;margin-bottom: 30px;}
.f_nav dt a{ font-size: 16px; margin-bottom: 18px; color: #dbdbdb;}
.copy{ padding: 30px 0; border-top: 1px solid rgba(255,255,255,.2);}
.copy .power{ margin-left: auto;}
.copy .icp{ margin-left: 50px;}
.f_lxfs{margin-top: 130px;}
.f_lxfs dt{ position: relative; margin-right: 25px; cursor: pointer;}
.f_lxfs dt i,.f_lxfs dt a{ width: 58px; height: 58px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); text-align: center; display: block; line-height: 58px; font-size: 26px; transition: .2s ease;}
.f_lxfs dt .dtbox{background: #fff; padding: 12px; position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); opacity: 0; transition: .2s ease;}
.f_lxfs dt .dtbox img{ width: 90px;}
.f_lxfs dt:hover .dtbox{ opacity: 1;}
.f_lxfs dt .dtbox b{ display: inline-block; font-family: monb; font-size: 24px; width: 200px; text-align: center;}

@media (min-width: 2400px){
	.ab_global .map{ width: 60%;}
}
@media (min-width: 3500px){
	.ab_global .map{ width: 55%;}
}
@media (max-width: 1700px){
	.swiperall .prev{ left:1%;}
	.swiperall .next{ right: 1%;}
	.index_head{ padding: 0;}
}


@media (max-width: 1600px){
	.fb48{ font-size: 44px; line-height:50px;}
	.sy_company .daima b{font-size: 44px;}
	.proli h2{font-size: 26px;line-height: 35px; height: 70px;}
	.fb56{ font-size: 50px; line-height:55px;}
	.sy_title p{font-size: 22px; line-height: 35px;}
	.left_news h2{font-size: 32px;  line-height: 40px;}
	.f_top .title b{font-size: 44px;}
	.sy-ban .txt1 b{ font-size: 50px; line-height: 70px;}
	 
}

@media (max-width: 1441px){
	.sy-ban .txt1 .amore{margin-top: 50px;}
	.com_list li h2{font-size: 25px;}
	.pro_nav{margin-bottom: 55px;}
	.proli{ padding: 50px 10px 50px 40px;}
	.ab_global .txt p{ margin-bottom: 40px;}
	.left_news p{font-size: 18px;}
	.f_center{padding: 70px 0 50px;}
	.f_top{ padding-bottom: 40px; margin-bottom: 40px;}
}

@media (max-width: 1281px){
	.index_head .nav li{margin-left: 50px;}
	.sy-ban .txt1 b{font-size: 38px; line-height: 45px;}
	.fb48,.sy_company .daima b{font-size: 38px; line-height: 45px;}
	.sy_title p{ font-size: 20px;}
	.ab_global .txt{padding-top: 0;}
	.ab_global .txt p{font-size: 16px;}
	.left_news{padding-right: 40px; margin-right: 40px;}
	.sy_news_list{ width: calc(55% - 81px);}
	.sy_news_list p{font-size: 18px; line-height: 30px; height: 60px;}
}

@media (max-width: 1024px){
	.sy-ban{ margin-top: 54px;}
	.fb48, .sy_company .daima b{ font-size:30px; line-height:40px;}
	.sy_number b{font-size: 48px; line-height: 48px; height: 48px;}
	.sy_number sup{ font-size: 30px; line-height: 30px; line-height: 30px;}
	.sy_company .right p{ font-size: 16px;}
	.sy_company .right .sy_number p{ margin-bottom: 0;}
	.sy_company .top{margin-bottom: 45px;}
	.fb56{font-size: 36px; line-height: 45px; margin-bottom:20px;}
	.sy_title.t_center{ width: 85%;}
	.pro_nav a{width: 160px; line-height:40px; font-size:16px;}
	.proli{padding: 25px 10px 25px 20px;}
	.proli .txt .tit{padding-bottom: 20px; margin-bottom: 20px;}
	.proli h2{font-size: 22px; line-height: 30px; height: 60px;}
	.proli .txt p{ margin-bottom: 0;}
	.proli .txt i{ display: none;}
	.appswiper .imgfd{ margin-bottom: 25px;}
	.appswiper h2{font-size: 20px; margin-bottom:10px;}
	.appswiper p{margin-bottom: 20px;}
	.left_news h2{font-size: 24px; line-height: 32px;}
	.left_news p{ margin-bottom: 30px;}
	.left_news span.colname{font-size: 18px;}
	.f_center{ display: none;}
}
@media (max-width: 768px){
	.sy-ban .txt1 b{ font-size: 30px; line-height: 40px;}
	.sy-ban .txt1 .amore{ margin-top: 35px;}
	.ban_control .center{ padding: 25px 0;}
	.amore{ line-height: 40px; padding: 0 23px; font-size:16px;}
	.amore i{margin-left: 30px;}
	.sy_company .top{ display: block;}
	.sy_company .right{ width: 100%; margin-top: 30px;}
	.sy_company .title{margin-bottom: 25px;}
	.com_list li h2{font-size: 20px; padding-bottom: 15px; right:20px; bottom:20px;}
	.com_list li:after{height:90px; width: 90px;}
	.sy_title.t_center{ width: 96%;}
	.sy_title p{font-size: 18px; line-height:30px;}
	.sy_title.t_center{margin-bottom: 30px;}
	.pro_nav a{ width: 150px; margin: 0 auto;}
	.swiperbtn{ width: 40px; height: 40px; line-height: 40px; font-size:18px;}
	.appswiper p{font-size: 16px; height: 24px;}
	.ab_global .txt{ width: 100%; float: none;}
	.ab_global .map{ width: 100%; float: none; margin-top: 25px;}
	.left_news{ display: none;}
	.newsbox { display: block;}
	.sy_news_list{ width: 100%;}
	.dtop{ padding-top: 40px;}
	.sy_company .title p,.sy_company .daima p{font-size: 16px; margin-bottom: 10px;}
	.fb48, .sy_company .daima b{font-size: 26px; line-height: 35px;}
	
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.sy-ban .txt1 .amore{ display: none;}
.sy-ban .txt1 b{font-size: 24px; line-height:32px;}
.ban_control .center{padding: 15px 0;}
	.sy_company .title p,.sy_company .daima p{font-size: 16px; margin-bottom: 10px;}
	.fb48, .sy_company .daima b{font-size: 24px; line-height: 35px;}
.com_list ul{ display: block;}
.com_list li{ width: 100%; margin-bottom: 20px;}
.fb56{font-size: 28px; line-height: 35px;}
.sy_title p{ font-size: 16px; line-height: 26px;}
.pro_nav a{width: 45%; margin-bottom: 15px;}
.pro_nav{ margin-bottom: 25px;}
.proli h2{font-size: 18px;}
.proli .txt p{ font-size: 14px; line-height: 24px; height: 48px;}
.appswiper .imgfd{margin-bottom: 15px;}
.appswiper h2{font-size: 18px;}
.appswiper p{font-size: 14px; height: 48px; margin-bottom:0;}
.appswiper i{ display: none;}
.ab_global .txt p{ margin-bottom: 30px;}
.ab_global .map{ display: none;}
.item_top .amore{ display: none;}
.item_top{margin-bottom: 25px;}
.sy_news_list p{font-size: 14px; line-height: 24px; height: 48px;}
.sy_news_list li:nth-child(n+3){ margin-top:40px;}
.copy{padding: 20px 0; font-size:12px;}
}


.ny_ban{ position: relative; text-align: center; overflow: hidden; color:#fff;}
.ny_ban .ban_txt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}
.ny_ban .ban_txt a{ color: #fff;}
.ny_ban .ban_txt b{ color: #fff; margin-top:26px;}

.ab_what .des{ width: 50%; margin-left: auto; font-size:18px;}
.ab_what .title{max-width: 50%;}
.ab_what .title p{ font-size: 24px; margin-top:20px;}
.ab_number{margin-top: 75px;}
.ab_number dt{ width: 24%; margin-right: auto; background:#f8f8f8; padding:45px 50px;}
.ab_number dt:last-child{ margin-right:0;}
.ab_number dt p{ font-size: 18px; height: 30px; overflow: hidden; margin-bottom: 25px;}
.ab_number dt b{ font-size: 80px; font-family: monb; color: #1c3489; line-height: 80px; height: 80px; overflow: hidden;}
.ab_number dt span{ display: block; line-height: 27px; height: 54px; margin-top:20px;}
.ab_number dt sup{ font-size: 60px; line-height: 50px; height: 50px; display:inline-block; margin-left:5px;}

.ab_keji .txt{ width: 44%; margin-right: auto; font-size:18px;}
.ab_keji .imgfdd{ width: 50%;}
.ab_keji .txt .fb48{ margin-bottom: 55px;}

.ab_fazhan .des{ width: 50%; margin-left: auto;}
.ab_fazhan .title{ max-width: 50%;}
.ab_fazhan .title p{ font-size: 24px; margin-bottom: 10px;}
.ab_fazhan .top{ margin-bottom: 70px;}
.fzswiper{ overflow: hidden; text-align:center;}
.fzswiper .imgfd{ padding-top: 63%; margin-bottom:25px;}

.sy_title .fb48{margin-bottom: 20px;}
.ab_zhanlue dt{ width: 24%; margin-right: auto; background:rgba(255,255,255,.6); padding:45px 45px 70px; transition:.3s ease;}
.ab_zhanlue dt:last-child{margin-right:0;}
.ab_zhanlue dt .txt{ margin-top: 40px;}
.ab_zhanlue dt h3{ font-size: 24px; margin-bottom: 30px;}
.ab_zhanlue dt p{height: 60px;}
.ab_zhanlue dt:hover{ transform:translateY(-20px);}

.certswiper{ overflow: hidden; padding-bottom: 50px; position: relative;}
.certswiper .imgfd{ padding-top: 135%;}
.certswiper li{ background: #fff; text-align:center;}
.certswiper li .pic{ padding: 32px 50px; border-bottom: 1px solid #e8e8e8;}
.certswiper li .txt{padding: 12px 0;}
.certswiper li p{height: 30px; overflow: hidden;}

.ab_map{ overflow: hidden;}

@media (max-width: 1441px){
    .ab_keji .txt{font-size: 16px;}
    .ab_number dt{padding: 40px 35px;}
    .ab_number dt b{font-size: 60px; line-height: 60px; height: 60px;}
}
@media (max-width: 1281px){
    .ab_zhanlue dt .txt{margin-top: 25px;}
    .ab_zhanlue dt h3{margin-bottom: 20px;}
    .ab_zhanlue dt{ padding: 35px 30px 50px;}
    .certswiper li .pic{ padding: 25px 30px;}
}
@media (max-width: 1024px){
    .ab_what .title p{font-size: 20px;}
    .ab_what .top { display: block;}
    .ab_what .title{ max-width: 100%;}
    .ab_what .des{ width: 100%; margin-top: 25px;}
    .ab_number{margin-top: 40px;}
    .ab_keji .txt .fb48{ margin-bottom: 30px;}
    .top_h{height: 54px;}
}
@media (max-width: 768px){
    .ab_number dt{ width: 48%; margin-bottom: 20px;}
    .ab_number dt:nth-child(2n){ margin-right:0;}
    .ab_fazhan .top{margin-bottom: 42px; display:block;}
    .ab_fazhan .title{max-width: 100%;}
    .ab_fazhan .des{ width: 100%; margin-top: 30px;}
    .ab_zhanlue dt{padding: 25px 20px 40px;}
    .ab_map{display: none;}
    .ab_zhanlue dt h3{font-size: 18px;}
    .ab_zhanlue dt .icon img{height: 60px;}
}
@media (max-width: 450px){
    .ny_ban .ban_txt b{margin-bottom: 0; margin-top: 10px;}
    .ny_ban .ban_txt .posi{ font-size: 14px;}
    .ny_ban img{ height: 140px; object-fit: cover;}
    .ab_number dt{padding: 25px 20px;}
    .ab_number dt p{font-size: 16px; height: 24px; margin-bottom: 15px;}
    .ab_number dt b{font-size: 36px; line-height: 36px; height: 36px;}
    .ab_number dt sup{font-size: 28px; line-height: 28px; height: 28px;}
    .ab_number dt span{font-size: 14px; line-height: 24px; height: 72px; margin-top:10px;}
    .ab_keji .center{ display: block;}
    .ab_keji .txt{ width: 100%; margin-bottom: 25px;}
    .ab_keji .imgfdd{ width: 100%;}
    .ab_zhanlue dt{ width: 49%; margin-bottom: 10px;}
    .ab_zhanlue dt:nth-child(2n){margin-right:0;}
    .ab_zhanlue dt p{height: 48px;}
    .certswiper li .pic{padding: 15px 20px;}
    .swiper-pagination-bullet{ width: 8px; height: 8px;}
}
.npro_nav { border-bottom: 1px solid #e9e9e9;}
.npro_nav a{ height: 80px; justify-content: center; font-size:18px; width:33.33%; position:relative; padding:0 20px;}
.npro_nav.nytz_nav a{ width: 25%;}
.npro_nav a:after{ position:absolute; width:0; height: 2px; content: ''; background: #1c3489; left:0; bottom:0; transition:.2s ease;}
.npro_nav a.act:after,.npro_nav a:hover:after{width:100%;}
.npro_nav a.act,.npro_nav a:hover{ color:#1c3489;}

.ny_pro_list li{ float: left; width: 49%; margin-bottom: 40px; margin-right:2%;}
.ny_pro_list li:nth-child(2n){ margin-right:0;}
@media (max-width: 768px){
    .npro_nav a{ font-size: 16px; height: 60px;}
    .ny_pro_list li{ width: 100%; float: none; margin-bottom: 25px;}
}
@media (max-width: 768px){
    .npro_nav a{ width: 50%;}
}
.showposi{ padding: 40px 0; color:#fff;}
.showposi a{ color: #fff;}
.show_top .pic{ width: 45%; position:relative; padding:0 60px 60px;}
.show_top .txt{ width: 45%; color:#fff;}
.picswiper{ overflow: hidden;}
.picswiper .imgfd{ overflow: visible;}
.show_top .pic .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.show_top .pic .swiper-pagination-bullet{ border-color: #fff;}
.show_top{padding: 75px 0;}
.show_top .txt h1{ font-size: 42px; font-weight: bold; color: #fff; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,.2);}
.show_top .txt .des{padding: 45px 0 85px; color:#bcbcbc;}
.show_top .pic .swiperbtn{ border: none; width:auto; font-size:60px;}
.show_top .pic .swiperbtn:hover{ color:#1c3489; background: none;}
.page_btn{ padding-top: 48px;}
.page_btn .prev,.page_btn .next{ width: 40%;}
.page_btn .next{text-align: right;}
.page_btn a.back{display: inline-block; margin: 0 auto; line-height:50px; width:160px; border-radius:25px; text-align:center; border:1px solid #e5e5e5; transition:.3s ease;}
.page_btn p{ margin-bottom: 10px;}
.page_btn .prev a:hover,.page_btn .next a:hover{ color:#1c3489;}
.page_btn a.back:hover{ background:#1c3489; color: #fff; border-color: #1c3489;}

.show_content{padding: 85px 0; overflow: hidden; border-top: 1px solid #d8e1e4; border-bottom: 1px solid #d8e1e4;}
.show_content img{ max-width: 100%!important;}
.show_tit{ font-weight: bold; font-size: 48px; line-height: 48px; padding-left: 35px; border-left: 7px solid #1c3489; margin-bottom:40px;}
.mainh{height: 85px;}
.pro_msg .left{ width: 42%; margin-right: auto;}
.pro_msg .left h3{ font-size: 38px;}
.pro_msg .left li{ margin-top: 60px;}
.pro_msg .left li span{ display: block; width: 40px; line-height: 40px; height: 40px; border-radius: 50%; background: #3a3d87; color: #fff; font-size:18px; margin-right:20px; text-align:center;}
.pro_msg .left li .txt{ padding-top: 5px; max-width:calc(100% - 60px);}
.pro_msg .left li .txt h4{ font-size: 24px; margin-bottom: 15px;}
.pro_msg .left li p{ font-size: 18px;}


.pro_msg .msg_form{ width: 47%;}
.msg_form input,.msg_form textarea{ border: 1px solid #d5dee2; line-height: 52px; padding: 0 10px; margin-bottom:30px;}
.msg_form input{ width:100%;}
.msg_form input:nth-child(4){ margin-right:0; background:url(../images/cic4_03.png) no-repeat calc(100% - 20px) center;}
.msg_form textarea{ width: 100%; background:url(../images/cic5_03.png) no-repeat calc(100% - 20px) 30px;}
.msg_form input:first-child{ background:url(../images/coic1_03.png) no-repeat calc(100% - 20px) center;}
.msg_form input:nth-child(2){ background:url(../images/cic2_03.png) no-repeat calc(100% - 20px) center;}
.msg_form input:nth-child(3){ background:url(../images/cic3_03.png) no-repeat calc(100% - 20px) center;}
.msg_form p.exp{ margin-bottom:40px;}
.msg_form p.exp i{ font-size: 20px; margin-right: 5px;}
.msg_form p.exp a{ text-decoration: underline;}
.msg_form input.sub{color: #fff; cursor: pointer; border: none; transition:.2s ease; background:#1c3489;}
.msg_form input.sub:hover{ box-shadow:0 0 8px rgba(28,52,137,.3);}
.comm_pro .fb48{ text-align: center; margin-bottom:40px;}
@media (max-width: 1441px){
    .show_top .txt h1{ font-size: 36px; padding-bottom:30px;}
    .show_top .txt .des{padding: 30px 0 60px;}
}
@media (max-width: 1281px){
    .show_top{ padding: 60px 0;}
    .show_content{padding: 50px 0;}
    .show_tit{font-size: 40px; line-height: 40px;}
}
@media (max-width: 1024px){
    .showposi{padding: 25px 0;}
    .show_top .pic{padding: 0 30px 40px;}
    .show_top .pic .swiperbtn{font-size: 40px;}
    .show_top .txt h1{font-size: 30px;}
    .pro_msg .left h3{font-size: 28px;}
    .pro_msg .left li p{font-size: 16px;}
}
@media (max-width: 768px){
    .show_top .pic{ width: 100%; float: none; margin-bottom: 30px;}
    .show_top .txt{ width: 100%; float: none;}
    .show_tit{font-size: 30px; line-height: 30px; margin-bottom:30px;}
    .show_content{padding: 35px 0;}
    .page_btn{padding-top: 25px; display: block;}
    .page_btn a.back{display: none;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{margin-top: 20px; text-align: left;}
    .pro_msg .left h3{font-size: 22px;}
    .pro_msg{ display: block;}
    .pro_msg .left{ width: 100%; margin-bottom: 30px;}
    .pro_msg .left li{margin-top: 20px;}
    .pro_msg .left li .txt h4{font-size: 20px;}
    .pro_msg .left li p{font-size: 14px;}
    .pro_msg .msg_form{width: 100%;}
    .msg_form input.sub{ float: none;}
}
@media (max-width: 450px){
    .show_top .txt h1{font-size: 24px;}
    .show_top .txt .des{padding: 20px 0 30px;}
    .show_tit{padding-left: 25px;}
    .show_content{padding: 30px 0;}
}
.sy_title .fb48{margin-bottom: 20px;}

.appbox{ overflow: hidden; padding: 0 2%; height: 740px;}
.appbox .appitem{ height: 100%; float:left; margin-right:0.5%; width:10%; position:relative; transition:.3s ease;}
.appbox .appitem a{ display: block; height: 100%; width:100%;}
.appbox .appitem .pic,.appbox .appitem .pic img{height: 100%; width:100%;}
.appbox .appitem .pic img{ object-fit: cover;}
.appbox .appitem:last-child{ margin-right:0;}
.appbox .appitem.on{ width: 47.5%;}
.appbox .appitem .zhezhao{ width: 390px; padding: 45px 35px 40px; text-align: center; position: absolute; bottom: 60px; left: 10%; background: rgba(255,255,255,.4); display:none;}
.appbox .appitem .icon{ width: 70px; height: 70px; border-radius: 50%; border: 1px solid #dbdbdb; position:relative; display:inline-block; margin-bottom:20px;}
.appbox .appitem .icon img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.appbox .appitem h2{ font-size: 26px; color: #fff; margin-bottom: 15px;}
.appbox .appitem p{ font-size: 18px; color: #fff; margin-bottom: 42px;}
.appbox .appitem span{ display: block; line-height: 50px; border-radius: 25px; color: #fff; background:#1c3489;}
.appbox .appitem span i{ font-size: 20px; margin-left: 10px;}
.appbox .appitem.on .zhezhao{display: block;}
.appbox .appitem i.jt{position:absolute;display:block; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 50%; border: 1px solid #fff; font-size: 20px; bottom:60px; left:50%; transform:translateX(-50%); color:#fff;}
.appbox .appitem.on i.jt{ display: none;}
@media (max-width: 1441px){
    .appbox{height: 650px;}
}
@media (max-width: 1024px){
    .appbox{height: 480px;}
    .appbox .appitem .zhezhao{ width: 340px; padding: 35px 25px 30px; left:5%; bottom:40px;}
    .appbox .appitem p{font-size: 16px; margin-bottom: 25px;}
    .appbox .appitem h2{font-size: 22px;}
}
@media (max-width: 768px){
    .appbox .appitem{ width: 100%; float: none; margin-bottom: 30px;}
    .appbox{height: auto;}
    .appbox .appitem .pic img{height: 400px;}
    .appbox .appitem.on{ width: 100%;}
}
@media (max-width: 450px){
    .appbox .appitem p{display: none;}
    .appbox .appitem span{line-height: 40px;}
}
.as_posi,.as_posi a { color: #999999;}
.as_posi a:last-child{ color:#333333;}

.app_main{margin: 55px auto 80px;}
.sim_proj{margin-top: 80px;}
.sim_proj .showtit{ text-align: left;}
.sim_proj .txt{ width: 46%;}
.sim_proj .picc{ width: 47%; overflow:hidden;}
.sim_proj .txt li{ padding: 30px 0 20px 30px; border-bottom:1px solid #dce2e5; align-items: flex-start; position:relative; transition:.3s ease;}
.sim_proj .txt li:first-child{ padding-top:0;}
.sim_proj .txt li .box{width:100%;}
.sim_proj .txt li p{ font-size: 18px; color: #333; margin-top: 20px; display:none; position:relative;z-index:3; overflow-y:auto; padding-right:30px; max-height:120px;}
.sim_proj .txt li h2{ font-size: 20px; width: calc(100% - 50px); margin-right:auto; position:relative;z-index:3;}
.sim_proj .txt li.on h2{ color: #1c3489;}
.sim_proj .txt li.on p{ display: block;}
.sim_proj .txt li span.open{ display: block; height: 28px; width: 28px; border-radius:50%; border:1px solid #666666; text-align:center;cursor:pointer;}
.sim_proj .txt li span.open i{ font-size: 16px; line-height: 28px;}
.sim_proj .txt li span.open i.jian{ display: none;}
.sim_proj .txt li.on span.open i.jian{ display: block;}
.sim_proj .txt li.on span.open i.jia{ display: none;}
.sim_proj .txt li.on span.open{ border-color: #1c3489; color: #1c3489;}
.sim_proj .txt li.on{ padding-bottom: 30px;}
.sim_proj .txt li.on:after{ position:absolute; left: 0; top: 0; height: 100%; width: 4px; background: #1c3489; content: '';}
.simsol{ padding-bottom: 0;}

.sim_proj .txt li p::-webkit-scrollbar{ width:2px; border-radius:2px;}
.sim_proj .txt li p::-webkit-scrollbar-track{ background:#f3f3f3;}
.sim_proj .txt li p::-webkit-scrollbar-thumb{ background:#1c3489; border-radius:2px;}
.sim_proj .txt li.on:before{ width:190px; height: 190px; border-top-right-radius: 190px; background: #eff1f6; position:absolute; left:0; bottom:0; content:'';}
@media (max-width: 1281px){
    .sim_proj .txt li p{font-size: 16px;}
    
}
@media (max-width: 1024px){
    .app_main{margin: 30px auto 40px;}
    .sim_proj .txt li h2{font-size: 18px;}
    .comm_pro .fb48{margin-bottom: 25px;}
    
}
@media (max-width: 768px){
    .sim_proj .txt{ width: 100%; float: none; margin-top:25px;}
    .sim_proj .picc{ width: 100%; float: none;}
    .sim_proj .txt li span.open{ width: 22px; height: 22px;}
    .sim_proj .txt li span.open i{line-height: 22px;}
    .sim_proj .txt li p{ font-size:14px;}
    .sim_proj{margin-top: 20px;}
    .msg_form p.exp{ margin-bottom: 20px;}
    .msg_form input, .msg_form textarea{ margin-bottom: 20px;}
}
.tech_top .title{ width: 30%; margin-right: auto;}
.tech_top .title p{ font-size: 18px;}
.tech_top .title b{ font-size: 44px; line-height: 66px; margin: 10px 0 90px;}

.tech_top .right{ width: 66%;}
.tech_top .right dt{ width: 48%; margin-left: auto; margin-bottom: 25px; border: 1px solid #e4e4e4; padding:35px;}
.tech_top .right dt b{ font-size: 28px; line-height: 35px; height: 35px; overflow: hidden; margin-bottom: 18px;}
.tech_top .right dt p{ font-size: 18px; height: 60px;}
.tech_main .item_top .sy_title p{ font-size: 20px;}
.tech_nav a{ display: block; line-height: 54px; text-align: center; width: 180px; font-size: 18px; margin-left:30px; border:1px solid #d2d2d2; transition:.2s ease;}
.tech_nav a:hover,.tech_nav a.act{ border-color:#1c3489;}
.tech_nav a.act{background: #1c3489; color: #fff;}

.tech_list ul li{ width: 32%; float: left; margin-right: 2%; background: #fff; margin-bottom: 40px; padding:42px 48px;}
.tech_list ul li:nth-child(3n){ margin-right:0;}
.tech_list ul li span{ display: block; font-size: 18px; margin-bottom: 20px;}
.tech_list ul li h2{ font-size: 28px; line-height: 40px; height: 120px; margin-bottom: 20px; overflow:hidden;}
.tech_list ul li i{font-size: 26px;}
.tech_list ul li:hover h2{ color:#1c3489;}
@media (max-width: 1441px){
    .tech_top .title b{ font-size: 40px; line-height:50px; margin-bottom:70px;}
    .tech_top .right dt b{font-size: 24px;}
    .tech_top .right dt p{font-size: 16px;}
    .tech_list ul li h2{ font-size: 24px; line-height: 35px;}
}
@media (max-width: 1024px){
    .tech_top .title b{ font-size: 30px; line-height: 40px;}
    .tech_top .right dt{padding: 25px 25px 30px;}
    .tech_top .right dt p{height: 90px;}
    .tech_list ul li{padding: 30px 35px;}
    .tech_list ul li h2{ font-size: 20px; line-height: 30px; height: 90px;}
    .tech_list ul li span{font-size: 16px;}
    
}
@media (max-width: 768px){
    .tech_top{display: block;}
    .tech_top .title{ width: 100%; }
    .tech_top .title b{ margin-bottom: 35px;}
    .tech_top .title .amore{ display: none;}
    .tech_top .right{ width: 100%;}
    .tech_main .item_top .sy_title p{font-size: 16px;}
    .item_top{ display: block;}
    .tech_nav { margin-top: 30px;}
    .tech_nav a{margin: 0 auto;}
    .tech_list ul li{ padding: 25px 20px;}
    .tech_list ul li h2{font-size: 18px;}
}
@media (max-width: 450px){
    .tech_list ul li{ width: 100%; float: none;}
    .tech_list ul li h2{height: 60px;}
    .tech_list ul li{margin-bottom: 25px;}
    .tech_nav a{ width: 160px; line-height: 44px; font-size:16px;}
    .tech_top .title b{font-size: 26px; line-height: 35px;}
    .tech_top .right dt{ width: 100%;}
    .tech_top .right dt b{font-size: 20px; line-height:25px; height:auto;}
    .tech_top .right dt p{font-size: 14px; height: auto;}
}
.news_det{ padding:68px 6% 80px;}
.news_det h1{ font-size: 44px; font-weight: bold; padding-bottom: 45px; border-bottom: 1px solid #e3e3e3;}
.news_det .news_info{ padding: 25px 0; font-size:14px;}
.news_det .news_info em{ display: block; width: 4px; height: 4px; background: #828282; margin: 0 10px;}
.news_det .news_info i{margin-right: 5px;}
.news_det .news_info .follow_list{ margin-left: auto;}
.newswiper{ overflow: hidden;}
.newswiper li{ border: 1px solid #d8e1e4; padding: 22px 40px 22px 22px;}
.newswiper li .pic{ width: 40%; margin-right: auto;}
.newswiper li .txt{ width: 55%;}
.newswiper li .pic .imgfd{ padding-top: 57%;}
.newswiper li .txt span{ font-size: 14px; display: block; margin-bottom: 10px;}
.newswiper li .txt h2{ font-size: 20px; line-height: 30px; height: 90px; overflow:hidden;}
.newswiper li .txt i{ font-size: 22px;}
.com_news .fb48{ text-align: center; margin-bottom:40px;}
.newswiper{ padding-bottom: 60px; position:relative;}
@media (max-width: 1441px){
    .news_det{ padding: 40px 3% 50px;}
    .news_det h1{font-size: 40px;}
    
}
@media (max-width: 1024px){
    .news_det h1{font-size: 34px; padding-bottom:30px;}
    .news_det .news_info{padding: 20px 0;}
    .newswiper li .txt h2{font-size: 18px; height: 60px;}
    .newswiper li .txt i{ display: none;}
    .mainh{height: 45px;}
}
@media (max-width: 450px){
    .news_det{ padding: 25px 2% 30px;}
    .news_det h1{font-size: 24px; padding-bottom:20px;}
    .newswiper li{padding: 15px 20px 15px 10px;}
    .newswiper li .txt h2{font-size: 16px; line-height: 26px; height: 52px;}
    .com_news .fb48{margin-bottom: 25px;}
    .newswiper{padding-bottom: 40px;}
    .mainh{height: 35px;}
    .news_det .news_info .follow_list{ width:100%; margin-top:15px;}
}
.hotswiper{ overflow: hidden; position:relative;}
.hotswiper .pic{ width: 50%;}
.hotswiper .pic .imgfd{padding-top: 58%;}
.hotswiper .txt{ width: 46%; padding-top:30px;}
.hotswiper .txt span{ display: block; margin-bottom: 20px;}
.hotswiper .txt h2{ font-size: 40px; margin-bottom: 30px; font-weight:bold;}
.hotswiper .txt p{ height: 90px; overflow: hidden; font-size: 18px;}
.hotswiper .news_control{ width: 100%; position: absolute; left: 0; bottom: 40px;}
.hotswiper .swiper-pagination,.hotswiper .swiperbtn{ position: unset;}
.hotswiper .swiper-pagination{ width: auto; margin:0 15px; margin-top:-8px;}
.hotswiper .swiper-pagination .swiper-pagination-bullet{ width: 30px; height: 2px; background: #c8c8c8; border-radius:0; border:none; margin:0;}
.hotswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #1c3489;}
.hotswiper span{ font-size: 18px;}
.hotswiper span.total{ margin-right: auto; display:inline-block;}
.hotswiper .box{ width: 46%;}
.hotswiper .swiperbtn{ height: 23px; border: none; width:auto; margin-top:0;}
.hotswiper .box .line{ margin: 0 15px;}
.hotswiper .swiperbtn:hover{ background:none; color: #1c3489;}
.news_nav{margin-bottom: 60px;}
.news_nav a{ display: block; line-height: 54px; text-align: center; width: 180px; font-size: 18px; margin-right:30px; border:1px solid #d2d2d2; transition:.2s ease;}
.news_nav a:hover,.tech_nav a.act{ border-color:#1c3489;}
.news_nav a.act{background: #1c3489; color: #fff;}
.ny_news_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 90px; padding-bottom:20px; border-bottom:1px solid #dddddd; position:relative;}
.ny_news_list ul li:nth-child(3n){ margin-right:0;}
.ny_news_list ul li .imgfd{padding-top: 58%; margin-bottom: 30px;}
.ny_news_list ul li h2{ font-size: 24px; line-height: 36px; height: 72px; overflow: hidden; margin: 18px 0 25px; font-weight:bold;}
.ny_news_list ul li p{ font-size: 18px; height: 60px; overflow: hidden; margin-bottom: 40px;}
.ny_news_list ul li i{ font-size: 20px;}
.ny_news_list ul li:hover h2,.ny_news_list ul li:hover i{ color:#1c3489;}
.ny_news_list ul li:after{ position:absolute; bottom: -1px; left: 0; width: 0; background: #1c3489; height: 1px; content: ''; transition: .3s ease;}
.ny_news_list ul li:hover:after{ width:100%;}
@media (max-width: 1441px){
    .hotswiper .txt h2{font-size: 32px;}
    
}
@media (max-width: 1281px){
    .hotswiper .txt{padding-top: 0;}
    .hotswiper .txt p{ font-size: 16px; height: 60px;}
}
@media (max-width: 1024px){
    .ny_news_list ul li .imgfd{ margin-bottom:20px;}
    .ny_news_list ul li h2{font-size: 20px; line-height: 30px; height: 60px; margin:15px 0 20px;}
    .ny_news_list ul li p{font-size: 16px; margin-bottom: 25px;}
    .ny_news_list ul li{ margin-bottom: 45px;}
    .hotswiper .txt h2{font-size: 28px; margin-bottom:20px;}
    .hotswiper .news_control{ bottom: 25px;}
}
@media (max-width: 768px){
    .hotswiper{ display: none;}
    .mb_none{ display: none;}
    .news_nav{margin-bottom: 35px;}
    .ny_news_list ul li{ width: 49%; margin-right: 2%;}
    .ny_news_list ul li:nth-child(3n){ margin-right:2%;}
    .ny_news_list ul li:nth-child(2n){margin-right:0;}
    .ny_news_list ul li p{height: 48px;}
}
@media (max-width: 450px){
    .news_nav a{ width: 46%; margin: 0 auto; line-height: 44px; font-size:16px;}
    .ny_news_list ul li .imgfd{margin-bottom: 10px;}
    .ny_news_list ul li span{ font-size: 14px;}
    .ny_news_list ul li h2{font-size: 18px; margin:10px 0 0;}
    .ny_news_list ul li p{ display: none;}
    .ny_news_list ul li i{ display: none;}
    .ny_news_list ul li{ margin-bottom: 25px;}
}
.af_hangqing{ background: #f7f8fb; padding:130px 80px; position:relative; overflow:hidden;}
.af_hangqing:after{position:absolute;left: -10px; bottom: -30px; width: 140px; height: 140px; border-top-right-radius: 150px; content: ''; background: #1c3489;}
.af_hangqing .left{ width: 33%; border-right:1px solid #e3e3e3; position:relative; z-index:3;}
.af_hangqing .right{ width: 67%; position:relative; z-index:3; padding-left:65px;}
.af_hangqing .right dl dt{margin-right: auto;}
.af_hangqing .left h2{ font-size: 48px; color: #1c3489; margin-bottom: 35px;}
.af_hangqing .left .price{ align-items: flex-end; font-size: 24px; margin-bottom:20px;}
.af_hangqing .left .price b{ font-size: 70px; line-height:70px;}
.af_hangqing .left p span{ font-size: 22px; color: #1c3489; margin-right: 20px; display: inline-block;}
.af_hangqing .afbo{ font-size: 340px; color: #f2f3f7; line-height:340px; position:absolute; top:50%; transform:translateY(-50%); right:10px;} 
.af_hangqing .right dl dt span{ font-size: 22px; display: block; margin-bottom: 15px;}
.af_hangqing .right dl dt b{ font-weight: normal;font-size: 48px;}
.af_hangqing .right dl{margin-bottom: 70px;}

.blue_bg{ background: #f7f8fb;}
.gonggao_list li{margin-bottom: 20px;}
.gonggao_list li a{ background: #fff; padding:25px 75px; transition:.3s ease;}
.gonggao_list li h2{ font-size: 20px; max-width:calc(100% - 60px); line-height:30px; height:30px; overflow:hidden;}
.gonggao_list li i{ font-size: 22px;; margin-right: 5px;}
.gonggao_list li span{ font-size: 24px; margin-left: auto;}
.gonggao_list li:hover a{background:#1c3489; color: #fff;}
.gonggao_list li:hover h2{color:#fff;}
.btns_box{ margin-top: 50px; text-align: center;}

.tz_title{ text-align: center; margin-bottom:40px;}
.tz_title b{ font-size: 52px; margin-bottom: 15px;}
.tz_title p{ font-size: 20px;}
.lx_left{ width: 45%;}
.lx_left .rx_map{ overflow: hidden;}
.lx_right{ width: 50%;}
.lx_left dl i{ display: block; width: 50px; line-height: 50px; font-size:23px; text-align: center; height: 50px; border-radius: 50%; border:1px solid #d8d8d8; margin-right:12px;}
.lx_left dt{margin-bottom: 40px;}
.lx_left dt.fl{ width: 45%;}
.lx_left dt.fl:nth-child(2){ width:50%;}
.lx_left dt .txt{ width: calc(100% - 64px);}
.lx_left dt b{ font-size: 18px; margin-bottom: 5px;}
.lx_left dt a:hover{ color:#1c3489;}
.rx_form input,.rx_form textarea{ width: 100%; line-height: 50px; border: 1px solid #eeeff1; background: #f8f8f8; margin-bottom:15px; font-size:14px; padding:0 20px;}
.rx_form input.fl{ width: 49%; margin-right: 2%;}
.rx_form input.fl:nth-child(2){ margin-right:0;}
.rx_form .sub{ background: #1c3489; cursor: pointer; text-align: center; border: none; color:#fff; transition:.3s ease;}
.rx_form .sub:hover{ background:#2340a0;}

.baohu_list ul li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 30px;}
.baohu_list ul li:nth-child(3n){margin-right:0;}
.baohu_list ul li .imgfd{padding-top: 57%; margin-bottom: 30px;}
.baohu_list ul li h2{ font-size: 22px; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 10px;}
.baohu_list ul li span{font-size: 18px;}
.baohu_list ul li:hover h2{ color:#1c3489;}
@media (max-width: 1441px){
    .af_hangqing{ padding: 100px 60px;}
    .af_hangqing .left h2{font-size: 44px; margin-bottom: 25px;}
    .tz_title b{font-size: 48px;}
    
}
@media (max-width: 1281px){
    .af_hangqing .left h2{font-size: 40px;}
    .af_hangqing .left .price b{font-size: 60px; height: 60px;}
    .af_hangqing .right dl dt b{font-size: 40px;}
}
@media (max-width: 1024px){
    .af_hangqing{padding: 70px 30px;}
    .af_hangqing .left h2{font-size: 30px;}
    .af_hangqing .left .price b{font-size: 50px; line-height: 50px; height:50px;}
    .af_hangqing .left .price{font-size: 20px;}
    .af_hangqing .right{padding-left: 45px;}
    .af_hangqing .right dl dt b{font-size: 30px;}
    .af_hangqing .right dl{ margin-bottom: 45px;}
    .gonggao_list li a{padding: 20px 50px;}
    .tz_title b{font-size: 40px;}
    .tz_title p{font-size: 18px;}
}

@media (max-width: 768px){
    .af_hangqing{ display: block;}
    .af_hangqing .left{ width: 100%; border-right:none; padding-bottom:20px; border-bottom:1px solid #e3e3e3;}
    .af_hangqing .right{ width: 100%; padding-left: 0; padding-top: 30px;}
    .af_hangqing .afbo{font-size: 200px; line-height: 200px;}
    .gonggao_list li h2{font-size: 18px;}
    .lx_left{ width: 100%; float: none;}
    .lx_left .rx_map{ display: none;}
    .lx_right{ width: 100%;}
    .tz_title b{font-size:32px;}
    .tz_title p{font-size: 16px;}
    .baohu_list ul li .imgfd{ margin-bottom: 15px;}
    .baohu_list ul li h2{font-size: 18px;}
    .baohu_list ul li span{font-size: 14px;}
    
}
@media (max-width: 450px){
    .af_hangqing{ padding: 40px 20px;}
    .af_hangqing .right dl dt{ width: 50%; margin-bottom: 15px;}
    .af_hangqing .right dl{margin-bottom: 30px;}
    .gonggao_list li a{padding: 15px 25px;}
    .gonggao_list li h2{ font-size: 16px; line-height: 24px; height: auto; max-height:48px;}
    .btns_box{margin-top: 30px;}
    .lx_left dt.fl{ width: 100%; float: none; margin-bottom:20px;}
    .tz_title b{font-size: 26px;}
    .tz_title{margin-bottom: 25px;}
    .baohu_list ul li{ width: 49%;}
    .baohu_list ul li:nth-child(3n){margin-right:2%;}
    .baohu_list ul li:nth-child(2n){margin-right:0;}
}
.lx_top .tz_title{text-align: left;}
.lx_top .tz_title p{ font-size: 16px;}
.lx_top .msg_form{ width: 50%;}
.lx_top .rx_map{margin-top: 35px;}

.lx_liaojie dt{ width: 32%; margin-right: auto; background:#f6f6f6; padding:40px 30px; transition:.3s ease;}
.lx_liaojie dt:nth-child(3){ margin-right:0;}
.lx_liaojie dt .top{padding-bottom: 24px; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px;}
.lx_liaojie dt .top h2{ font-size: 26px; margin-bottom: 10px;}
.lx_liaojie dt .top span{ display: block; font-size: 18px; line-height: 30px; height: 30px; overflow: hidden;}
.lx_liaojie dt .bot p{margin-right: auto; max-width:calc(100% - 48px);}
.lx_liaojie dt .bot i{ display: block;width: 42px; height: 42px; border-radius: 50%; text-align: center; line-height: 42px; font-size: 20px; border:1px solid #666666;}
.lx_liaojie dt:hover{background:#1c3489; color: #fff;}
.lx_liaojie dt:hover a,.lx_liaojie dt:hover h2{ color:#fff;}
.lx_liaojie dt:hover .bot i{border-color:#fff;}

@media (max-width: 1024px){
    .lx_liaojie dt{padding: 30px 20px;}
    .lx_liaojie dt .bot p{max-height: 60px;}
    .lx_liaojie dt .top h2{font-size: 22px;}
    .lx_liaojie dt .top span{font-size: 16px;}
}

@media (max-width: 768px){
    .lx_top .msg_form{ width: 100%; margin-top: 20px;}
    .lx_liaojie dt{ width: 100%; margin-bottom: 15px;}
}